<div class="toolbar">
    <h4>下拉选项</h4>
    <p class="text-muted">如果下拉选项过多，可以使用这个组件，可以提供字符串匹配查询选项</p>
</div>
<div class="p-3">
    <div class="row">
        <div class="col-lg-6">
            <div class="card mb-3">
                <div class="card-header bg-white">下拉选择</div>
                <div class="card-body">
                    <ts-select [(ngModel)]="selectValue" [items]="['Amsterdam', 'Antwerp', 'Athens', 'Barcelona',
                'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
                'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin',
                'Düsseldorf', 'Essen', 'Frankfurt', 'Genoa', 'Glasgow', 'Gothenburg',
                'Hamburg', 'Hannover', 'Helsinki', 'Kraków', 'Leeds', 'Leipzig', 'Lisbon',
                'London', 'Madrid', 'Manchester', 'Marseille', 'Milan', 'Munich', 'Málaga',
                'Naples', 'Palermo', 'Paris', 'Poznań', 'Prague', 'Riga', 'Rome',
                'Rotterdam', 'Seville', 'Sheffield', 'Sofia', 'Stockholm', 'Stuttgart',
                'The Hague', 'Turin', 'Valencia', 'Vienna', 'Vilnius', 'Warsaw', 'Wrocław',
                'Zagreb', 'Zaragoza', 'Łódź']"></ts-select>
                    <ts-select class="mt-2" ngModel [disabled]="true" placeholder="Disabled"></ts-select>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card mb-3">
                <div class="card-header bg-white">多选</div>
                <div class="card-body">
                    <div tsSelects [items]="diySelects" [color]="global.params.color" [(ngModel)]="selectValues"></div>
                    <div class="mt-2" tsSelects [items]="diySelects" [disabled]="true" [color]="global.params.color" [(ngModel)]="selectValues"></div>
                </div>
            </div>
        </div>


    </div>
</div>